.toast-title {
	font-weight: bold;
}
.toast-message {
	-ms-word-wrap: break-word;
}
.toast-message a {
	color: rgb(255, 255, 255);
}
.toast-message label {
	color: rgb(255, 255, 255);
}
.toast-message a:hover {
	color: rgb(204, 204, 204); text-decoration: none;
}
.toast-close-button {
	top: -0.3em; right: -0.3em; color: rgb(255, 255, 255); line-height: 1; font-size: 20px; font-weight: bold; float: right; position: relative; opacity: 0.8; text-shadow: 0px 1px 0px #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover {
	color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.4;
}
.toast-close-button:focus {
	color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.4;
}
.rtl .toast-close-button {
	left: -0.3em; right: 0.3em; float: left;
}
button.toast-close-button {
	background: none; padding: 0px; border: 0px currentColor; cursor: pointer; -webkit-appearance: none;
}
.toast-top-center {
	top: 0px; width: 100%; right: 0px;
}
.toast-bottom-center {
	width: 100%; right: 0px; bottom: 0px;
}
.toast-top-full-width {
	top: 0px; width: 100%; right: 0px;
}
.toast-bottom-full-width {
	width: 100%; right: 0px; bottom: 0px;
}
.toast-top-left {
	left: 12px; top: 12px;
}
.toast-top-right {
	top: 100px; right: 12px;
}
.toast-bottom-right {
	right: 12px; bottom: 12px;
}
.toast-bottom-left {
	left: 12px; bottom: 12px;
}
#toast-container {
	position: fixed; z-index: 999999; pointer-events: none;
}
#toast-container * {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#toast-container > div {
	background-position: 15px; margin: 0px 0px 6px; padding: 15px 15px 15px 50px; border-radius: 3px; width: 300px; color: rgb(255, 255, 255); overflow: hidden; position: relative; opacity: 0.8; pointer-events: auto; box-shadow: 0px 0px 12px #999999; background-repeat: no-repeat; -webkit-box-shadow: 0 0 12px #999999; -moz-box-shadow: 0 0 12px #999999; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px;
}
#toast-container > div.rtl {
	background-position: right 15px center; padding: 15px 50px 15px 15px; direction: rtl;
}
#toast-container > div:hover {
	cursor: pointer; opacity: 1; box-shadow: 0px 0px 12px #000000; -webkit-box-shadow: 0 0 12px #000000; -moz-box-shadow: 0 0 12px #000000;
}
#toast-container > .toast-info {
	background-image: url("") !important;
}
#toast-container > .toast-error {
	background-image: url("") !important;
}
#toast-container > .toast-success {
	background-image: url("") !important;
}
#toast-container > .toast-warning {
	background-image: url("") !important;
}
.toast-top-center#toast-container > div {
	width: 300px; margin-right: auto; margin-left: auto;
}
.toast-bottom-center#toast-container > div {
	width: 300px; margin-right: auto; margin-left: auto;
}
.toast-top-full-width#toast-container > div {
	width: 96%; margin-right: auto; margin-left: auto;
}
.toast-bottom-full-width#toast-container > div {
	width: 96%; margin-right: auto; margin-left: auto;
}
.toast {
	background-color: rgb(3, 3, 3);
}
.toast-success {
	background-color: rgb(81, 163, 81);
}
.toast-error {
	background-color: rgb(189, 54, 47);
}
.toast-info {
	background-color: rgb(47, 150, 180);
}
.toast-warning {
	background-color: rgb(248, 148, 6);
}
.toast-progress {
	left: 0px; height: 4px; bottom: 0px; position: absolute; opacity: 0.4; background-color: rgb(0, 0, 0);
}
@media all and (max-width:240px)
{
#toast-container > div {
	padding: 8px 8px 8px 50px; width: 11em;
}
#toast-container > div.rtl {
	padding: 8px 50px 8px 8px;
}
#toast-container .toast-close-button {
	top: -0.2em; right: -0.2em;
}
#toast-container .rtl .toast-close-button {
	left: -0.2em; right: 0.2em;
}
}
@media all and (max-width:480px) and (min-width:241px)
{
#toast-container > div {
	padding: 8px 8px 8px 50px; width: 18em;
}
#toast-container > div.rtl {
	padding: 8px 50px 8px 8px;
}
#toast-container .toast-close-button {
	top: -0.2em; right: -0.2em;
}
#toast-container .rtl .toast-close-button {
	left: -0.2em; right: 0.2em;
}
}
@media all and (max-width:768px) and (min-width:481px)
{
#toast-container > div {
	padding: 15px 15px 15px 50px; width: 25em;
}
#toast-container > div.rtl {
	padding: 15px 50px 15px 15px;
}
}
